import React, { Component, Suspense } from 'react'
// lazyLoad需要和Suspense搭配使用
// React有组件懒加载的功能
// Suspense 用于解决网络IO问题，用来包裹异步组件，添加loading效果等
// import Son from './Son';
// 使用懒加载
// 使用React.lazy()引入
const Son = React.lazy(() => import('./Son'));


export class Father extends Component {
    render() {
        return (
            <div>
                {/* fallback：用来呈现组件还未渲染出来的UI或提示 */}
                <Suspense fallback={ <h2>加载中。。。</h2> }>
                   <Son />
                </Suspense>
            </div>
        )
    }
}

export default Father
